<html>
<head>
	<title>Hyperyarn</title>
	<style type="text/css">
	html, body {
		height: 100%;
	}
	body {
		margin: 0;
		padding: 0;
	}
	.container {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.irc1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 50%;
	}
	.irc2 {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 50%;
	}
	.irc3 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 50%;
		height: 50%;
	}
	.irc4 {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 50%;
		height: 50%;
	}
	.iframe {
		border: 0;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100%;
	}
	</style>
</head>
<body>
<div class="container">
	<div class="irc1">
		<iframe class="iframe" name="yarn1" src="Hyperyarn_files/irc.htm"></iframe>
	</div>
	<div class="irc2">
		<iframe class="iframe" name="yarn2" src="Hyperyarn_files/irc_002.htm"></iframe>
	</div>
	<div class="irc3">
		<iframe class="iframe" name="yarn3" src="Hyperyarn_files/irc_003.htm"></iframe>
	</div>
	<div class="irc4">
		<iframe class="iframe" name="yarn4" src="Hyperyarn_files/irc_004.htm"></iframe>
	</div>
</div>
</body>
</html>
